﻿@{
    ViewBag.Title = "Detail";
    Layout = "~/Views/Shared/User.cshtml";
}

<h2>病历详情</h2>
<div style="display:block; float:right">
<a href="@Url.Content("~/Content/output.doc")">导出</a>
@Html.ActionLink("返回列表", "List", "Case")
</div>
<div>
<input type="button" id="btn1" value="基本信息1" />
<input type="button" id="btn2" value="基本信息2" />
<input type="button" id="btn3" value="实验室检查1" />
<input type="button" id="btn4" value="实验室检查2" />
<input type="button" id="btn5" value="治疗信息" />
</div>

<img id="img01" src="@Url.Content("~/Content/images/Page_06.png")" />
<img id="img02" style="display:none;" src="@Url.Content("~/Content/images/Page_07.png")" />
<img id="img03" style="display:none;" src="@Url.Content("~/Content/images/Page_08.png")" />
<img id="img04" style="display:none;" src="@Url.Content("~/Content/images/Page_09.png")" />
<img id="img05" style="display:none;" src="@Url.Content("~/Content/images/Page_10.png")" />

<script type="text/javascript">
    function hideAll() {
        $("#img01").hide();
        $("#img02").hide();
        $("#img03").hide();
        $("#img04").hide();
        $("#img05").hide();
    }
    btn1.onclick = function () {
        hideAll();
        $("#img01").fadeIn();
    }
    btn2.onclick = function () {
        hideAll();
        $("#img02").fadeIn();
    }
    btn3.onclick = function () {
        hideAll();
        $("#img03").fadeIn();
    }
    btn4.onclick = function () {
        hideAll();
        $("#img04").fadeIn();
    }
    btn5.onclick = function () {
        hideAll();
        $("#img05").fadeIn();
    }
</script>